<?php 
$content = "
<div style='width:80%; margin: 0 auto; display:inline-block; background-color:white; padding:20px; border-radius:10px; max-height:80vh; overflow-y:scroll;'>
	<div> 
		<img src='assets/logo.png' style='box-shadow:2px 2px 5px rgba(0,0,0,0.5); max-width:50px; ' valign='middle'>
		<span style='display:inline-block; font-weight:light; color:black; font-size:30px; text-shadow:2px 2px 5px rgba(0,0,0,0.5);'>Notebubble</span>
	</div>
	
	<p>Benvenuto su Notebubble! Questa applicazione è un modo semplice e rapido per memorizzare e organizzare le tue note. Ecco una guida rapida per aiutarti a utilizzare tutte le funzionalità:</p>
	
	<h1>Aiuto e Riferimenti</h1>

<div style='text-align: justify !important; text-justify: inter-word; !important'>

	<div class='section'>
		<h2>Categorie</h2>
		<p>Le note sono raggruppate in categorie. Per crearne una, fai clic sull'icona + nella barra laterale.<br>
		<p>Puoi dare un nome alla categoria e aggiungere una descrizione. Puoi anche scegliere un'icona e un colore di sfondo per la categoria (questo può essere modificato in seguito).</p><p>Inoltre, puoi impostare una password per rendere la categoria privata (opzionale).</p>
	</div>
	
	<div class='section'>
		<h2>Note</h2>
		<p>Le note sono archiviate in \"bolle\" (da cui il nome dell'applicazione), che puoi creare in pochi passaggi:<br><br>
		Creare una nota è veloce come fare clic sulla categoria in cui vuoi crearla, scrivere nello spazio in basso e poi fare clic su Invia. Puoi anche premere <b>Ctrl+Invio</b> per inviare la nota.
		<br><br>
		Creare note è facile, ma ci sono più opzioni per creare bolle personalizzate:
		<br>
		
		<h3>Allegati</h3>
		Puoi allegare file e immagini alle tue note. Basta fare clic sull'icona dell'allegato nel modulo in basso e selezionare il file da allegare. In alternativa, puoi incollarli direttamente con Ctrl+V se sono già copiati negli appunti.<br><br>
		<b>Nota sulle immagini allegate:</b><br>
		Per risparmiare spazio nel database, le immagini vengono compresse di default in un formato più leggero prima di essere aggiunte al database. Se desideri conservare il file originale non compresso, disattiva la compressione prima di caricare l'immagine facendo clic sul pulsante dell'ingranaggio <span style='font-weight:bold; font-family:icons; color:#2980B9;'>(  )</span> nel modulo di pubblicazione e disattivando l'opzione di compressione delle immagini.
		
		<h3>Liste di attività</h3>
		<p>Una bolla può contenere elementi di una lista di attività con caselle di controllo che puoi selezionare e deselezionare per tenere traccia delle tue attività. Per creare un elemento della lista, scrivi i caratteri >> all'inizio della riga, come questo:</p>
		<p>>> Oranges<br>
		>> Milk<br>
		>> Newspaper</p>
		<h3>Promemoria</h3>
		<p>Puoi impostare un promemoria per una nota e l'app ti notificherà alla data e all'ora impostate.<br><br>
		Per configurare il promemoria, fai clic sull'icona dell'ingranaggio nel modulo in basso e inserisci la data e l'ora desiderate. Puoi anche usare l'icona del calendario per selezionare una data e un'ora.
		<br><br>L'app visualizzerà una notifica quando arriverà il momento del promemoria.
		</p>	
		
		<h3>Formattazione di base del testo</h3>
		<p>Puoi formattare il testo che scrivi utilizzando una sintassi di markup semplice:</p>
		<table style='display:inline-block;'>
		<tr><td>**testo**</td><td>=></td><td><b>Testo in grassetto</b></td></tr>
		<tr><td>*testo*</td><td>=></td><td><i>Testo in corsivo</i></td></tr>
		<tr><td>__testo__</td><td>=></td><td><u>Testo sottolineato</u></td></tr>
		</table>
		<br><br>
		Altre opzioni saranno disponibili nelle versioni future dell'applicazione.
	</div>

	<div class='section'>
		<h2>Opzioni delle Note</h2>
		<p>Una volta inviata una nota, ci sono alcune cose che puoi fare con essa. Passa il cursore sopra l'icona <span style='font-weight:bold; font-family:icons; color:#2980B9;'></span> di ogni nota per visualizzare i controlli. Le opzioni disponibili sono:
		
		<h3>Eliminare</h3>
		Elimina la nota se non è più necessaria.
		
		<h3>Modifica</h3>
		Puoi modificare il testo, gli allegati e i promemoria della nota.
		
		<h3>Evidenziare</h3>
		Se la nota è importante, puoi fare clic qui per evidenziarla e trovarla più facilmente.
		
		<h3>Pinnare una nota</h3>
		Se la categoria contiene molte note e hai bisogno di accedere frequentemente a una, puoi fissarla in cima alla categoria. Cliccando sulla notifica, verrai portato direttamente alla nota fissata.
	</div>

	<div class='section'>
		<h2>Opzioni delle Categorie</h2>
		Le categorie, come le note, hanno opzioni che puoi accedere facendo clic sull'icona del menu in cima a ogni categoria:
		
		<h3>Modifica</h3>
		Puoi modificare il nome, la descrizione, l'icona, lo sfondo e la password della categoria.
		
		<h3>Fissare</h3>
		Come le note, anche le categorie possono essere fissate. Questo farà sì che appaiano in cima alla lista delle categorie per un accesso rapido.
		
		<h3>Eliminare</h3>
		Se non ti serve più una categoria, puoi eliminarla. Questo rimuoverà anche tutte le note e gli allegati in essa contenuti.
	</div>
	
	<div class='section'>
		<h2>Ricerca</h2>
		
		Se hai bisogno di trovare una nota specifica, fai clic sull'icona di ricerca nel menu della categoria. Questo aprirà il modulo di ricerca, dove puoi digitare il testo che desideri cercare. Una volta inviata la ricerca, il sistema mostrerà le note che contengono il testo cercato.
	</div>

	<div class='section'>
		<h2>Impostazioni dell'applicazione</h2>
		
		Facendo clic sull'icona dell'ingranaggio <span style='font-weight:bold; font-family:icons; color:#2980B9;'>()</span> nel menu della barra laterale, accedi alla pagina delle impostazioni. Le impostazioni disponibili sono:
		
		<h3>Lingua e Fuso Orario</h3>
		Puoi modificare la lingua dell'applicazione e il tuo fuso orario. Se l'ora e la data dell'applicazione sono errate, scegli la città più vicina a te e poi clicca sul pulsante per salvare le modifiche.
		
		<h3>Gestione del Database</h3>
		Di solito non è necessario modificare queste impostazioni, ma se desideri spostare il database in un altro percorso (ad esempio, in una cartella di archiviazione cloud), puoi configurarlo qui. Tuttavia, tieni presente che modificare questa impostazione fissa la posizione del database nel percorso specificato. Se vuoi mantenere il database portatile, non modificare questi valori.
		
		<h3>Note sulle impostazioni :</h3>
		Eliminare la cartella \"notebubble\" ripristina l'applicazione, comprese le tue note e impostazioni. Per mantenere tutto portatile, assicurati che la cartella rimanga accanto all'eseguibile dell'applicazione.
	</div>
	</div>
</div>";

echo renderPage($content);